<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>海外馆 | 海淘值得买商品_海淘转运_海淘经验_海淘晒单_购物街</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/n-index.css"/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/base.js"></script>
    <script src="js/n-index.js"></script>
</head>
<body>


<!-- site-top-nav部分 start-->
    <div class="site-top-nav">
        <div class="w clearfix">
            <div class="fl top-nav-left">
                <i></i>
                <a href="#">购物街首页</a>
                <b class="line"></b> 
                <span>贵宾专线：400-660-5610</span>
                <em></em>
            </div>
            <div class="fr top-nav-right">
                <ul>
                    <li>
                        <a href="#">登录</a>
                        <b class="line"></b>
                    </li>                
                    <li>
                        <a href="#">注册</a>
                        <b class="line"></b> 
                    </li>
                    <li class="about-me">
                        <a class="triangle" href="#">我的购物街
                            <ol>
                                <li>我的购物街</li>
                                <li>我的订单</li>
                                <li>我的收藏</li>
                                <li>已购商品</li>
                                <li>我的礼券</li>
                                <li>我的积分</li>
                            </ol>
                            <i></i>
                        </a>
                        <b class="line"></b>
                    </li>                
                    <li>
                        <a href="#">帮助中心</a>
                        <b class="line"></b>
                    </li>
                    <li class="download">
                        <a class="qr-code" href="#">
                        <span>手机下载</span>
                        <i></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- site-top-nav部分 end-->

    <!--search部分 start-->
        <div class="w search clearfix">
            <div class="fl search-logo">
                <a href="#"><img class="logo" src="images/logo.jpg" title="购物街网"></a>
                <a href="#"><img class="good-life" src="images/logo_d.gif" title="购物街网"></a>
            </div>
            <div class="search-input">
                <input type="text" value="爱马氏铂金包"/>
                <button>搜 索</button>
            </div>
            <div class="search-car">
                <a href="#">购物袋</a>
                <i class="search-car-icon1"></i>
                <i class="search-car-icon2">(<span>0</span>)</i>
                <i class="search-car-icon3">&gt;</i>
            </div>
            <div class="search-more">
                <a href="#">腕表</a>
                <a href="#">箱包</a>
                <a href="#">阿玛尼</a>
                <a href="#">T恤</a>
            </div>
        </div>
    <!--search部分 end-->

    <!--shortcut部分 start-->
    <div class="shortcut clearfix">
        <div class="w">
            <div class="shortcut-nav">
                <ul>
                    <li class="category"><a href="#">商品分类</a></li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="brand.html">品牌</a></li>
                    <li><a href="wMadam.html">女士</a></li>
                    <!--<li><a href="#">男士</a></li>-->
                    <li><a href="life.html">生活馆</a></li>
                    <li><a href="n-index.html">海外馆</a></li>
                    <li><a href="fashion.html">时尚</a></li>
                    <li class="reach-store">
                        <i></i>
                        <a href="arriveshop.html">到店</a>
                    </li>
                </ul>
            </div>
            <div class="shortcut-others">
                <ul>
                    <li class="quality-goods">
                        <i></i>
                        <!-- <a class="text1" href="#">品牌授权，官方验真</a> -->
                    </li>
                    <li class="vip">
                        <i></i>
                        <!-- <a href="#">尊享品牌会员服务</a> -->
                    </li>
                    <li class="integrity">
                        <i></i>
                        <!-- <a href="#">商务部诚信示范企业</a> -->
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--shortcut部分 end-->


<!--main-start--------------------->


    <div class="n-main">
        <div class="n-banner">
            <div class="wrap" id="wrap">
                <div class="slide clearfix"  id="slide">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="s-banner">
                <ul>
                    <li><a href="#"><img src="images/n-smallbanner1.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/n-smallbanner2.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/n-smallbanner3.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/n-smallbanner4.png" alt=""/></a></li>
                </ul>
            </div>
        </div>
        <div class="n-goods">

<!--country-start-->
            <div class="n-country">
                <div class="box">
                    <div class="box-top clearfix" id="box-top">
                        <ul>
                            <li class="current fre" >法国</li>
                            <li class="ita">意大利</li>
                            <li class="usa">美国</li>
                            <li class="swi">瑞士</li>
                            <li class="eng">英国</li>
                        </ul>
                    </div>
                    <div class="box-bottom" id="box-bottom">
                        <div class="show sbox">
                            <div class="boxes box1">
                                <img width="189px" height="174px" src="images/country/French/French.jpg" alt=""/>
                                <a>
                                    <img src="images/country/French/Fbrand_1.jpg" alt=""/>
                                    <img src="images/country/French/Fbrand_2.jpg" alt=""/>
                                    <img src="images/country/French/Fbrand_3.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="boxes box2">
                                <div class="goods1">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Jean Paul</p>
                                        <p class="text-p2">让·保罗·高缇耶</p>
                                        <p class="text-p3">￥ 4631.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/French/Fgoods_1.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods2">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Bagatelle</p>
                                        <p class="text-p2">百嘉特</p>
                                        <p class="text-p3">￥ 1777.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/French/Fgoods_2.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box3">
                                <div class="goods3">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Cartier</p>
                                        <p class="text-p2">卡地亚</p>
                                        <p class="text-p3">￥ 118150.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="156px" height="170" src="images/country/French/Fgoods_3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods4">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Dior</p>
                                        <p class="text-p2">迪奥</p>
                                        <p class="text-p3">￥ 48620.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/French/Fgoods_4.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box4">
                                <a href="" class="goods5-text">
                                    <p class="text-p1">Dior</p>
                                    <p class="text-p2">迪奥</p>
                                    <p class="text-p3">￥ 5454.00</p>
                                </a>
                                <a href="" class="goods5-img">
                                    <img width="200px" height="250px" src="images/country/French/Fgoods_5.jpg" alt=""/>
                                </a>
                            </div>
                        </div>
                        <div class="sbox">
                            <div class="boxes box1">
                                <img width="189px" height="174px" src="images/country/Italy/Italy.jpg" alt=""/>
                                <a>
                                    <img src="images/country/Italy/Ibrand_1.jpg" alt=""/>
                                    <img src="images/country/Italy/Ibrand_2.jpg" alt=""/>
                                    <img src="images/country/Italy/Ibrand_3.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="boxes box2">
                                <div class="goods1">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Loro Piana</p>
                                        <p class="text-p2">诺悠翩雅</p>
                                        <p class="text-p3">￥ 5551.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Italy/Igoods_1.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods2">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Marco Bicego</p>
                                        <p class="text-p2">Marco Bicego</p>
                                        <p class="text-p3">￥ 5127.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Italy/Igoods_2.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box3">
                                <div class="goods3">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Henry Beguelin</p>
                                        <p class="text-p2">亨利·别格林</p>
                                        <p class="text-p3">￥ 8699.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Italy/Igoods_3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods4">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Ferragamo</p>
                                        <p class="text-p2">菲拉格慕</p>
                                        <p class="text-p3">￥ 4939.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Italy/Igoods_4.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box4">
                                <a href="" class="goods5-text">
                                    <p class="text-p1">Prada</p>
                                    <p class="text-p2">普拉达</p>
                                    <p class="text-p3">￥ 3441.00</p>
                                </a>
                                <a href="" class="goods5-img">
                                    <img width="200px" height="250px" src="images/country/Italy/Igoods_5.jpg" alt=""/>
                                </a>
                            </div>
                        </div>
                        <div class="sbox">
                            <div class="boxes box1">
                                <img width="189px" height="174px" src="images/country/America/America.jpg" alt=""/>
                                <a>
                                    <img src="images/country/America/Abrand_1.jpg" alt=""/>
                                    <img src="images/country/America/Abrand_2.jpg" alt=""/>
                                    <img src="images/country/America/Abrand_3.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="boxes box2">
                                <div class="goods1">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Cole Haan</p>
                                        <p class="text-p2">Cole Haan</p>
                                        <p class="text-p3">￥ 2975.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/America/Agoods_1.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods2">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Oscar de la</p>
                                        <p class="text-p2">奥斯卡·德拉</p>
                                        <p class="text-p3">￥ 9052.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/America/Agoods_2.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box3">
                                <div class="goods3">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Nest Jewely</p>
                                        <p class="text-p2">Nest Jewely</p>
                                        <p class="text-p3">￥ 3143.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/America/Agoods_3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods4">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Carmen Marc</p>
                                        <p class="text-p2">Carmen Marc</p>
                                        <p class="text-p3">￥ 2072.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/America/Agoods_4.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box4">
                                <a href="" class="goods5-text">
                                    <p class="text-p1">THE ROW</p>
                                    <p class="text-p2">THE ROW</p>
                                    <p class="text-p3">￥ 4006.00</p>
                                </a>
                                <a href="" class="goods5-img">
                                    <img width="200px" height="250px" src="images/country/America/Agoods_5.jpg" alt=""/>
                                </a>
                            </div>
                        </div>
                        <div class="sbox">
                            <div class="boxes box1">
                                <img width="189px" height="174px" src="images/country/Swiss/Swiss.jpg" alt=""/>
                                <a>
                                    <img src="images/country/Swiss/Sbrand_1.jpg" alt=""/>
                                    <img src="images/country/Swiss/Sbrand_2.jpg" alt=""/>
                                    <img src="images/country/Swiss/Sbrand_3.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="boxes box2">
                                <div class="goods1">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Chopard</p>
                                        <p class="text-p2">萧邦</p>
                                        <p class="text-p3">￥ 83300.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Swiss/Sgoods_1.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods2">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Chopard</p>
                                        <p class="text-p2">萧邦</p>
                                        <p class="text-p3">￥ 44200.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Swiss/Sgoods_2.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box3">
                                <div class="goods3">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Moschino</p>
                                        <p class="text-p2">莫斯奇诺</p>
                                        <p class="text-p3">￥ 2400.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Swiss/Sgoods_3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods4">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Chopard</p>
                                        <p class="text-p2">萧邦</p>
                                        <p class="text-p3">￥ 79050.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/Swiss/Sgoods_4.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box4">
                                <a href="" class="goods5-text">
                                    <p class="text-p1">Breguet</p>
                                    <p class="text-p2">宝玑</p>
                                    <p class="text-p3">￥ 450208.00</p>
                                </a>
                                <a href="" class="goods5-img">
                                    <img width="200px" height="250px" src="images/country/Swiss/Sgoods_5.jpg" alt=""/>
                                </a>
                            </div>
                        </div>
                        <div class="sbox">
                            <div class="boxes box1">
                                <img width="189px" height="174px" src="images/country/England/England.jpg" alt=""/>
                                <a>
                                    <img src="images/country/England/Ebrand_1.jpg" alt=""/>
                                    <img src="images/country/England/Ebrand_2.jpg" alt=""/>
                                    <img src="images/country/England/Ebrand_3.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="boxes box2">
                                <div class="goods1">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Astley Clarke</p>
                                        <p class="text-p2">Astley Clarke</p>
                                        <p class="text-p3">￥ 3937.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/England/Egoods_1.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods2">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Jimmy Choo</p>
                                        <p class="text-p2">吉米·丘</p>
                                        <p class="text-p3">￥ 13191.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/England/Egoods_2.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box3">
                                <div class="goods3">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Burberry</p>
                                        <p class="text-p2">巴宝莉</p>
                                        <p class="text-p3">￥ 3441.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/England/Egoods_3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="goods4">
                                    <a href="#" class="goods-text">
                                        <p class="text-p1">Monica Vinader</p>
                                        <p class="text-p2">莫妮卡·维纳德</p>
                                        <p class="text-p3">￥ 4080.00</p>
                                    </a>
                                    <a href="#" class="goods-img">
                                        <img width="136px" height="170" src="images/country/England/Egoods_4.jpg" alt=""/>
                                    </a>
                                </div>
                            </div>
                            <div class="boxes box4">
                                <a href="" class="goods5-text">
                                    <p class="text-p1">Jimmy Choo</p>
                                    <p class="text-p2">吉米·丘</p>
                                    <p class="text-p3">￥ 4532.00</p>
                                </a>
                                <a href="" class="goods5-img">
                                    <img width="200px" height="250px" src="images/country/England/Egoods_5.jpg" alt=""/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<!--country-end-->

<!--bags-start-->
            <div class="n-bags">
                <img src="images/bag/Top_bag.jpg" alt=""/>
                <div class="n-box">
                    <div class="n-boxes n-box1">
                        <div class="n-box1-t">
                            <h4>分类</h4>
                            <a href="">单肩包</a>
                            <a href="">手提包</a>
                            <a href="">手提斜跨包</a>
                            <a href="">双肩包</a>
                            <a href="">手拿包</a>
                            <a href="">钱包</a>
                            <a href="">小皮件</a>
                            <a href="">旅行箱/包</a>
                        </div>
                        <div class="n-box1-c">
                            <h4>品牌</h4>
                            <a href="">普拉达</a>
                            <a href="">香奈儿</a>
                            <a href="">爱马仕</a>
                            <a href="">巴宝莉</a>
                            <a href="">瓦伦迪诺</a>
                            <a href="">古琦</a>
                            <a href="">迪奥</a>
                            <a href="">LV</a>
                            <a href="">MCM</a>
                            <a href="">宝碟嘉</a>
                            <a href="">万宝龙</a>
                            <a href="">缪缪</a>
                            <a href="">都彭</a>
                            <a href="">MK</a>
                            <a href="">菲拉格慕</a>
                        </div>
                        <div class="n-box1-b">
                            <h4>流行</h4>
                            <a href="">Coach女包</a>
                            <a href="">Mk耳朵包</a>
                            <a href="">古琦帆布包</a>
                        </div>
                    </div>
                    <div class="n-boxes n-box2">
                        <img class="img1" src="images/bag/baggoods_1.jpg" alt=""/>
                        <img src="images/bag/baggoods_2.jpg" alt=""/>
                    </div>
                    <div class="n-boxes n-box3">
                        <div class="n-box3-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Mansur Gavriel</p>
                                <p class="text-p2">罗素尔·嘉芙丽尔</p>
                                <p class="text-p3">￥ 9499.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/bag/baggoods_3.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box3-b">
                            <a href="#" class="commo4-text">
                                <p class="text-p1">Mansur Gavriel</p>
                                <p class="text-p2">罗素尔·嘉芙丽尔</p>
                                <p class="text-p3">￥ 9499.00</p>
                            </a>
                            <a href="" class="commo4-img">
                                <img width="250" height="250" src="images/bag/baggoods_4.jpg" alt=""/>
                            </a>
                        </div>

                    </div>
                    <div class="n-boxes n-box4">
                        <div class="n-box4-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Judith Leiber Couture</p>
                                <p class="text-p2">Judith Leiber Couture</p>
                                <p class="text-p3">￥ 16915.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/bag/baggoods_5.jpg" alt=""/>
                            </a>

                        </div>
                        <div class="n-box4-c">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Elizabeth and James</p>
                                <p class="text-p2">Elizabeth and James</p>
                                <p class="text-p3">￥ 3461.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/bag/baggoods_6.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box4-b">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Alexander Wang</p>
                                <p class="text-p2">亚历山大·王</p>
                                <p class="text-p3">￥ 7425.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/bag/baggoods_7.jpg" alt=""/>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
<!--bags-end-->

<!--watches-start-->
            <div class="n-watches">
                <img src="images/watch/Top_watch.jpg" alt=""/>
                <div class="n-box">
                    <div class="n-boxes n-box1">
                        <div class="n-box1-t">
                            <h4>分类</h4>
                            <a href="">时尚</a>
                            <a href="">瑞士</a>
                            <a href="">德国</a>
                            <a href="">限量版</a>
                        </div>
                        <div class="n-box1-c">
                            <h4>品牌</h4>
                            <a href="">天梭</a>
                            <a href="">浪琴</a>
                            <a href="">巴宝莉</a>
                            <a href="">阿玛尼</a>
                            <a href="">Ck</a>
                            <a href="">积家</a>
                            <a href="">宝玑</a>
                            <a href="">萧邦</a>
                            <a href="">卡地亚</a>
                            <a href="">劳力士</a>
                            <a href="">爱彼</a>
                            <a href="">Kenneth Cole</a>
                            <a href="">西铁城</a>
                            <a href="">IWC</a>
                            <a href="">欧米伽</a>
                            <a href="">豪雅</a>
                            <a href="">江诗丹顿</a>
                        </div>
                        <div class="n-box1-b">
                            <h4>流行</h4>
                            <a href="">阿玛尼男表</a>
                            <a href="">Ck腕表</a>
                        </div>
                    </div>
                    <div class="n-boxes n-box2">
                        <img class="img1" src="images/watch/watchgoods_1.jpg" alt=""/>
                        <img src="images/watch/watchgoods_2.jpg" alt=""/>
                    </div>
                    <div class="n-boxes n-box3">
                        <div class="n-box3-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">David Yurman</p>
                                <p class="text-p2">David Yurman</p>
                                <p class="text-p3">￥ 15702.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/watch/watchgoods_3.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box3-b">
                            <a href="#" class="commo4-text">
                                <p class="text-p1">Cartier</p>
                                <p class="text-p2">卡地亚</p>
                                <p class="text-p3">￥ 372300.00</p>
                            </a>
                            <a href="" class="commo4-img">
                                <img width="250" height="250" src="images/watch/watchgoods_4.jpg" alt=""/>
                            </a>
                        </div>

                    </div>
                    <div class="n-boxes n-box4">
                        <div class="n-box4-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Michael Kors/MK</p>
                                <p class="text-p2">迈克·科尔</p>
                                <p class="text-p3">￥ 2697.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="150" height="170" src="images/watch/watchgoods_5.jpg" alt=""/>
                            </a>

                        </div>
                        <div class="n-box4-c">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Shinola</p>
                                <p class="text-p2">Shinola</p>
                                <p class="text-p3">￥ 7905.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/watch/watchgoods_6.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box4-b">
                            <a href="#" class="commo-text">
                                <p class="text-p1">David Yurman</p>
                                <p class="text-p2">David Yurman</p>
                                <p class="text-p3">￥ 20181.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/watch/watchgoods_7.jpg" alt=""/>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
<!--watches-end-->

<!--access-start-->
            <div class="n-access">
                <img src="images/access/Top_access.jpg" alt=""/>
                <div class="n-box">
                    <div class="n-boxes n-box1">
                        <div class="n-box1-t">
                            <h4>分类</h4>
                            <a href="">首饰</a>
                            <a href="">太阳镜</a>
                            <a href="">镜架</a>
                            <a href="">腰带</a>
                            <a href="">领带</a>
                            <a href="">围巾/丝巾</a>
                            <a href="">帽子</a>
                            <a href="">手套</a>
                            <a href="">伞</a>
                            <a href="">挂饰</a>
                            <a href="">手杖</a>
                        </div>
                        <div class="n-box1-c">
                            <h4>品牌</h4>
                            <a href="">施华洛世奇</a>
                            <a href="">蒂芙尼</a>
                            <a href="">宝格丽</a>
                            <a href="">香奈儿</a>
                            <a href="">Kenzo</a>
                            <a href="">巴宝莉</a>
                            <a href="">古驰</a>
                            <a href="">迪奥</a>
                            <a href="">Arts&Crafts</a>
                            <a href="">雷朋</a>
                            <a href="">莲娜丽姿</a>
                            <a href="">富尔顿</a>
                            <a href="">Monica vinader</a>
                        </div>
                        <div class="n-box1-b">
                            <h4>流行</h4>
                            <a href="">施华小天鹅</a>
                            <a href="">Tiffany银饰</a>
                            <a href="">范思哲腰带</a>
                        </div>
                    </div>
                    <div class="n-boxes n-box2">
                        <img class="img1" src="images/access/accessgoods_1.jpg" alt=""/>
                        <img src="images/access/accessgoods_2.jpg" alt=""/>
                    </div>
                    <div class="n-boxes n-box3">
                        <div class="n-box3-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Anna-Karin Karlsson</p>
                                <p class="text-p2">Anna-Karin Karlsson</p>
                                <p class="text-p3">￥ 6608.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/access/accessgoods_3.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box3-b">
                            <a href="#" class="commo4-text">
                                <p class="text-p1">David yurman</p>
                                <p class="text-p2">David yurman</p>
                                <p class="text-p3">￥ 2272.00</p>
                            </a>
                            <a href="" class="commo4-img">
                                <img width="230" height="270" src="images/access/accessgoods_4.jpg" alt=""/>
                            </a>
                        </div>

                    </div>
                    <div class="n-boxes n-box4">
                        <div class="n-box4-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Lulu Frost</p>
                                <p class="text-p2">露露·弗罗斯特</p>
                                <p class="text-p3">￥ 2449.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/access/accessgoods_5.jpg" alt=""/>
                            </a>

                        </div>
                        <div class="n-box4-c">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Alexis Bittar</p>
                                <p class="text-p2">Alexis Bittar</p>
                                <p class="text-p3">￥ 3143.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/access/accessgoods_6.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box4-b">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Ashley Pittman</p>
                                <p class="text-p2">Ashley Pittman</p>
                                <p class="text-p3">￥ 3143.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/access/accessgoods_7.jpg" alt=""/>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
<!--access-end-->

<!--cloth-start-->
            <div class="n-cloth">
                <img src="images/cloth/Top_cloth.jpg" alt=""/>
                <div class="n-box">
                    <div class="n-boxes n-box1">
                        <div class="n-box1-t">
                            <h4>分类</h4>
                            <a href="">上装</a>
                            <a href="">裤装</a>
                            <a href="">裙装</a>
                            <a href="">内衣</a>
                            <a href="">套装</a>
                        </div>
                        <div class="n-box1-c">
                            <h4>品牌</h4>
                            <a href="">巴尔曼</a>
                            <a href="">朗万</a>
                            <a href="">沈罗兰</a>
                            <a href="">蒙口</a>
                            <a href="">Jean Paul Gaultier</a>
                            <a href="">唐纳·卡兰</a>
                            <a href="">BCBG</a>
                            <a href="">菲利林3.1</a>
                            <a href="">Chole</a>
                            <a href="">Missoni</a>
                            <a href="">巴宝莉</a>
                            <a href="">斯特拉·麦卡特尼</a>
                            <a href="">Just Cavalli加斯特·卡</a>
                            <a href="">沃利</a>
                        </div>
                        <div class="n-box1-b">
                            <h4>流行</h4>
                            <a href="">阿玛尼T恤</a>
                            <a href="">D&G上衣</a>
                            <a href="">S&S女装</a>
                        </div>
                    </div>
                    <div class="n-boxes n-box2">
                        <img class="img1" src="images/cloth/clothgoods_1.jpg" alt=""/>
                        <img src="images/cloth/clothgoods_2.jpg" alt=""/>
                    </div>
                    <div class="n-boxes n-box3">
                        <div class="n-box3-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Tory Burch</p>
                                <p class="text-p2">托里·帕琪</p>
                                <p class="text-p3">￥ 2272.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/cloth/clothgoods_3.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box3-b">
                            <a href="#" class="commo4-text">
                                <p class="text-p1">Nicole Miller</p>
                                <p class="text-p2">妮可·米勒</p>
                                <p class="text-p3">￥ 1471.00</p>
                            </a>
                            <a href="" class="commo4-img">
                                <img width="200" height="260" src="images/cloth/clothgoods_4.jpg" alt=""/>
                            </a>
                        </div>

                    </div>
                    <div class="n-boxes n-box4">
                        <div class="n-box4-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Citizens of Humanit</p>
                                <p class="text-p2">Citizens of Humanit</p>
                                <p class="text-p3">￥ 2241.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="140" height="170" src="images/cloth/clothgoods_5.jpg" alt=""/>
                            </a>

                        </div>
                        <div class="n-box4-c">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Vince</p>
                                <p class="text-p2">文斯·卡魔图</p>
                                <p class="text-p3">￥ 1187.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/cloth/clothgoods_6.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box4-b">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Christopher Blue</p>
                                <p class="text-p2">Christopher Blue</p>
                                <p class="text-p3">￥ 733.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/cloth/clothgoods_7.jpg" alt=""/>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
<!--cloth-end-->

<!--shoes-start-->
            <div class="n-shoes">
                <img src="images/shoes/Top_shoes.jpg" alt=""/>
                <div class="n-box">
                    <div class="n-boxes n-box1">
                        <div class="n-box1-t">
                            <h4>分类</h4>
                            <a href="">女士鞋靴</a>
                            <a href="">男士鞋靴</a>
                        </div>
                        <div class="n-box1-c">
                            <h4>品牌</h4>
                            <a href="">纪梵希</a>
                            <a href="">巴宝莉</a>
                            <a href="">朗万</a>
                            <a href="">巴黎世家</a>
                            <a href="">菲拉格慕</a>
                            <a href="">瓦伦迪诺</a>
                            <a href="">Prada</a>
                            <a href="">Tom Ford</a>
                            <a href="">jimmy Choo</a>
                            <a href="">Manolo Blahnik</a>
                            <a href="">亚历山大·王</a>
                            <a href="">亚历山大·麦昆</a>
                            <a href="">Christian Louboutin</a>
                        </div>
                        <div class="n-box1-b">
                            <h4>流行</h4>
                            <a href="">思伟女鞋</a>
                            <a href="">麦昆休闲鞋</a>
                            <a href="">傲世男皮鞋</a>
                        </div>
                    </div>
                    <div class="n-boxes n-box2">
                        <img class="img1" src="images/shoes/shoesgoods_1.jpg" alt=""/>
                        <img src="images/shoes/shoesgoods_2.jpg" alt=""/>
                    </div>
                    <div class="n-boxes n-box3">
                        <div class="n-box3-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Prada</p>
                                <p class="text-p2">普拉达</p>
                                <p class="text-p3">￥ 6175.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/shoes/shoesgoods_3.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box3-b">
                            <a href="#" class="commo4-text">
                                <p class="text-p1">Hunter Boot</p>
                                <p class="text-p2">猎人靴</p>
                                <p class="text-p3">￥ 2167.00</p>
                            </a>
                            <a href="" class="commo4-img">
                                <img width="250" height="250" src="images/shoes/shoesgoods_4.jpg" alt=""/>
                            </a>
                        </div>

                    </div>
                    <div class="n-boxes n-box4">
                        <div class="n-box4-t">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Alessandro Dello</p>
                                <p class="text-p2">亚历山德罗·戴罗</p>
                                <p class="text-p3">￥ 4999.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/shoes/shoesgoods_5.jpg" alt=""/>
                            </a>

                        </div>
                        <div class="n-box4-c">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Tory Burch</p>
                                <p class="text-p2">托里·帕琪</p>
                                <p class="text-p3">￥ 1513.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/shoes/shoesgoods_6.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="n-box4-b">
                            <a href="#" class="commo-text">
                                <p class="text-p1">Stuart Weitzman</p>
                                <p class="text-p2">思伟</p>
                                <p class="text-p3">￥ 3451.00</p>
                            </a>
                            <a href="" class="commo-img">
                                <img width="170" height="170" src="images/shoes/shoesgoods_7.jpg" alt=""/>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
<!--shoes-end-->
        </div>
    </div>
<!--main-end------------------------->


<!-- t-side-start -->
    <div class="t-side">
        <h2>购物袋 <span>×</span></h2>
        <div class="t-side-b">
            <img src="images/t-shopping_bag.png" alt=""/>
            <p>您的购物袋还没有商品再去逛逛吧！</p>
        </div>
        <div class="t-btn">
            <span class="t-btn1"></span>
            <span class="t-btn2"><i>我的资产</i></span>
            <span class="t-btn3"><i>我喜欢的商品</i></span>
            <span class="t-btn4"><i>联系客服</i></span>
            <span class="t-btn5"><i><img src="images/weixin.jpg"></i></span>
            <span class="t-btn6"><i>意见反馈</i></span>
            <span class="t-btn7" id = btn7><i>返回顶部</i></span>
        </div>
    </div>
    <!-- t-side-end -->

    

<!-- footerm-top start-->
    <div class="footer-message">
        <div class="w">
            <!-- footerm-top start-->

            <div class="footerm-top">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="images/footer_message01.jpg" alt=""/>
                        </a>
                        <div>
                            <p>正品保障</p>
                            <p><a href="javascript:;">品牌授权,官方验真</a></p>
                        </div>
                    </li>
                    <li><a href="javascript:;"><img src="images/footer_message02.jpg" alt=""/></a>
                        <div>
                            <p>专柜发货</p>
                            <p><a href="javascript:;">专柜直接或到店自提</a></p>
                        </div></li>
                    <li><a href="javascript:;"><img src="images/footer_message03.jpg" alt=""/></a>
                        <div>
                            <p>无忧售后</p>
                            <p><a href="javascript:;">7天无理由退换货</a></p>
                        </div>
                    </li>
                    <li><a href="javascript:;"><img src="images/footer_message04.jpg" alt=""/></a>
                        <div>
                            <p>VIP服务</p>
                        <p><a href="javascript:;">享品牌会员售前售后服务</a></p>
                        </div>
                    </li>
                    <li><a href="javascript:;"><img src="images/footer_message05.jpg" alt=""/></a>
                        <div>
                            <p>权威荣誉</p>
                            <p><a href="javascript:;">商务部授予诚信示范企业</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- footerm-top end-->


            <!-- footerm-middle start-->
            <div class="footerm-middle">
                <div class="footerm-middle-left clearfix">
                    <dl>
                        <dt>服务保障</dt>
                        <dd><a href="javascript:;">品牌授权正品</a></dd>
                        <dd><a href="javascript:;">品牌客服</a></dd>
                        <dd><a href="javascript:;">预约到店体验</a></dd>
                        <dd><a href="javascript:;">7天无理由退换</a></dd>
                    </dl>
                    <dl>
                        <dt>使用帮助</dt>
                        <dd><a href="javascript:;">常见问题</a></dd>
                        <dd><a href="javascript:;">会员制度</a></dd>
                        <dd><a href="javascript:;">集团采购</a></dd>
                        <dd><a href="javascript:;">礼品卡</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="javascript:;">到店付款</a></dd>
                        <dd><a href="javascript:;">货到付款</a></dd>
                        <dd><a href="javascript:;">在线支付</a></dd>
                        <dd><a href="javascript:;">余额支付</a></dd>
                        <dd><a href="javascript:;">分期付款</a></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><a href="javascript:;">配送说明</a></dd>
                        <dd><a href="javascript:;">到店自提</a></dd>
                        <dd><a href="javascript:;">运费说明</a></dd>
                        <dd><a href="javascript:;">验货签收</a></dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="javascript:;">品牌售后</a></dd>
                        <dd><a href="javascript:;">售后咨询</a></dd>
                        <dd><a href="javascript:;">退换政策</a></dd>
                        <dd><a href="javascript:;">发票保障</a></dd>
                    </dl>
                <div class="footerm-middle-right clearfix">
                    <ul>
                        <li class="fmr-left">
                            <span>购物街APP</span>
                            <img src="images/footer_message06.png" />
                        </li>
                        <li class="fmr-right">
                            <span>购物街微博</span>
                            <img src="images/footer_message06.png" />
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- footerm-middle end-->

        <!-- footerm-bottom start-->
        <div class="footerm-bottom">
            <div class="footerm-bottom-tp">
                <a href="javascript:;">箱包</a>|
                <a href="javascript:;">美妆</a>|
                <a href="javascript:;">服饰</a>|
                <a href="javascript:;">腕表</a>|
                <a href="javascript:;">配饰</a>|
                <a href="javascript:;">鞋靴</a>|
                <a href="javascript:;">特惠</a>|
                <a href="javascript:;">名品闪购</a>|
                <a href="javascript:;">礼品区</a>
            </div>
            <div class="footerm-bottom-md">
                <a href="javascript:;">关于购物街</a>|
                <a href="javascript:;">网站地图</a>|
                <a href="javascript:;">品牌合作专区</a>|
                <a href="javascript:;">媒体聚焦</a>|
                <a href="javascript:;">商务合作</a>|
                <a href="javascript:;">商家合作</a>|
                <a href="javascript:;">加入购物街</a>|
                <a href="javascript:;">友情链接</a>|
                <a href="javascript:;">奢尚志</a>
                <p>&nbsp Copyright © 2008-2019 MODULE_ID吉他世界网 Guitarworld.com.cn All Rights Reserved 沪ICP备12023735号-1
                </p>
            </div>
            <div class="footerm-bottom-bm">
                <a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
                <a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
                <a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
                <a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
            </div>

        </div>
        <!-- footerm-bottom end-->

    </div>
    </div>
<script src="js/tools.js"></script>
<script>

    var box = document.getElementById("slide");
    var ul = box.children[0];
    var list = ul.children;
    for(var i = 0; i < list.length; i++){
        list[i].style.backgroundImage = "url(images/n-banner"+(i+1)+".jpg)";
        list[i].onmouseover = function(){
            for(var j = 0; j < list.length; j++){
                animate(list[j],{"width":100});
            }
            animate(this,{"width":800});
        };
        list[i].onmouseout = function(){
            for(var j = 0; j < list.length; j++){
                animate(list[j],{"width":240});
            }
        };
    }
</script>

</body>
</html>